<!-- @format -->

<script setup>
	import BitPanel from './components/bit-panel.vue'
</script>

<template>
	<h3>折叠面板</h3>
	<!-- 展示一首诗 -->
	<bit-panel>
		<p>生命诚可贵，</p>
		<p>爱情价更高。</p>
		<p>若有自由故，</p>
		<p>两者皆可抛。</p>
	</bit-panel>

	<!-- 展示2张图片 -->
	<bit-panel>
		<div class="img-box">
			<img
				width="100%"
				src="./assets/lq.png"
				alt="lq" />
			<img
				width="100%"
				src="./assets/sy.png"
				alt="sy" />
		</div>
	</bit-panel>
</template>

<style lang="scss">
	.img-box {
		display: flex;
		flex-direction: column;
	}
</style>
